<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link
      href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="index.css" />
    <title>Aim Trainer</title>
  </head>
  <body>
    <header><span>🎯</span><h1>AIM TRAINER</h1></header>
    <div id="score-container">
      <span>Score:</span>
      <span id="score">0</span>
      <span>Aim Score:</span>
      <span id="aimscore"></span>
    </div>
    <div id="controls">
      <button id="start">Start</button>
      <button id="stop">stop</button>
    </div>

    <div id="aim-trainer"></div>
    <script src="target.js"></script>
    <script src="aimtrainer.js"></script>
    <script src="index.js"></script>
    <!-- 你知道吗？index.js实例化了一个aimTrainer对象-->
  </body>
</html>
